<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>


</head>
<body>
<div id="app">
    <!-- 对表单元素进行双向绑定 -->
    <input type="text" v-model="msg"> <br>

    <input type="text" v-model="city"> <br>

    <select name="cities" id="cities" v-model="city">
        <option value="cd">成都</option>
        <option value="gz">广州</option>
        <option value="sy">沈阳</option>
    </select>
</div>


<script>
let app = new Vue({
    el: '#app',
    data: {
        msg: '数据双向绑定',
        city: 'gz'
    }
});


</script>

</body>
</html>
